<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#d1{
				border-radius: 50%;
				width: 500px;
				height: 500px;
				background-color: #ffb06b;
				/* 微调定位 */
				position:relative;
				left: 10px;
				top: 10px;
			}
			
			#d5{
				border-radius: 50%;
				width: 45px;
				height: 40px;
				background-color: #0d0006;
				position:relative;
				left: -188px;/* x轴 横向 */
				top: -2px;/* y轴 纵轴 */
			}
			#d6{
				border-radius: 50%;
				width: 45px;
				height: 40px;
				background-color: #0d0006;
				position:relative;
				left: 188px;/* x轴 横向 */
				top: 2px;/* y轴 纵轴 */
			}
			#d3{
				border-radius: 30px 30px 30px 30px;
				width: 120px;
				height: 40px;
				background-color: #ffffff;
				position:relative;
				left: 160px;/* x轴 横向 */
				top: -30px;/* y轴 纵轴 */
				transform:rotate(43deg);
			}
			#d4{
				border-radius: 30px 30px 30px 30px;
				width: 120px;
				height: 40px;
				background-color: #ffffff;
				position:relative;
				left: 188px;/* x轴 横向 */
				top: 1px;/* y轴 纵轴 */
			}
			#d7{
				border-radius: 50%;
				width: 100px;
				height: 100px;
				background-color: #ea93ff;
				position:relative;
				left:-233px;/* x轴 横向 */
				top: 134px;/* y轴 纵轴 */
			}
			#d8{
				border-radius: 50%;
				width: 100px;
				height: 100px;
				background-color: #ea93ff;
				position:relative;
				left: 293px;/* x轴 横向 */
				top: -2px;/* y轴 纵轴 */
			}
			#d2{
				border-radius: 50%;
				width: 350px;
				height: 350px;
				border: 1px solid #000000;
				/* 倾斜  转换属性：旋转值 */
				transform:rotate(-44deg);
				position:relative;
				left: 76px;/* x轴 横向 */
				top: 90px;/* y轴 纵轴 */
				border-top-color:#ffb06b;
				border-bottom-color: #080301;
				border-left-color: #080301;
				border-right-color: #ffb06b;
				
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div id="d2">
				<div id="d3">
					<div id="d4">
						<div id="d5">
							<div id="d6">
								<div id="d7">
									<div id="d8"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<p></p>
	</body>
</html>